<?php
use tpfcore\Core;
?>
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>添加单页</title>
		<!-- Set render engine for 360 browser -->
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- HTML5 shim for IE8 support of HTML5 elements -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js">
			</script>
		<![endif]-->
		<link href="{$admin_assets_path}/layui/css/layui.css" rel="stylesheet" />
		<link href="{$admin_assets_path}/css/theme.min.css" rel="stylesheet">
		<link href="{$admin_assets_path}/css/simplebootadmin.css" rel="stylesheet">
		<link href="{$admin_assets_path}/css/default.css" rel="stylesheet" />
		<link href="{$admin_assets_path}/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		<style>
			.length_3{width: 180px;} form .input-order{margin-bottom: 0px;padding:3px;width:40px;}
			.table-actions{margin-top: 5px; margin-bottom: 5px;padding:0px;} .table-list{margin-bottom:
			0px;}
			.table-label label{display: inline-block;}
		    #video_lists{overflow: hidden; text-align: center;}
		    #video_lists img{width: 100%; height: auto;max-height: 120px; }
		    #video_lists .item{width: 180px;float: left; border:1px #eaeaea solid; padding: 4px; margin-right:10px; margin-bottom: 10px; height: 210px;}
		    #video_lists .item a:nth-child(2){display: block; height: 120px;line-height: 120px;}
		    #video_lists input{width: 100%; box-sizing: border-box; height: 30px; margin-bottom: 10px;}
		</style>
		<!--[if IE 7]>
			<link rel="stylesheet" href="{$admin_assets_path}/css/font-awesome-ie7.min.css">
		<![endif]-->
		<script type="text/javascript">
			//全局变量
			var GV = {
				WEB_ROOT:"",
				DIMAUB: "/",
				JS_ROOT: "/theme/backend/assets/js/",
				TOKEN: ""
			};
		</script>
		<!-- Le javascript==================================================-
		-> <!-- Placed at the end of the document so the pages load faster -->
		<script src="{$admin_assets_path}/js/jquery.js"></script>
		<script src="{$admin_assets_path}/js/wind.js"></script>
		<script src="{$admin_assets_path}/js/bootstrap.min.js"></script>
		<link href="{$admin_assets_path}/kindeditor/themes/default/default.css" rel="stylesheet"/>
		<script src="{$admin_assets_path}/kindeditor/kindeditor-min.js"></script>
		<script src="{$admin_assets_path}/kindeditor/lang/zh_CN.js"></script>
		<script src="{$admin_assets_path}/layui/layui.all.js"></script>
	</head>
	<body>
		<div class="wrap">
		<ul class="nav nav-tabs">
			<li class="active"><a href="#A" data-toggle="tab">基本信息</a></li>
			<li><a href="#B" data-toggle="tab">单页内容</a></li>
			<li style="float: right;"><a href="{:url('cms/Spage/index')}">单页管理</a></li>
		</ul>

		<form method="post" class="form-horizontal js-ajax-form" action="">
			<fieldset>
                <div class="tabbable">
                    <div class="tab-content">
                        <div class="tab-pane active" id="A">
							<fieldset>
								<div class=""> 
									<table class="table table-bordered"> 
										<tbody>
											<tr> 
												<th width="80">页面标题</th> 
												<td> 
													<input type="text" style="width: 400px;" name="title" id="title" value="" placeholder="请输入标题"> <span class="form-required">*</span> 
												</td> 
											</tr>
											<tr>
												<th>标识</th> 
												<td>
													<input type="text" style="width:80px; text-align: center;" name="ssign" value="" placeholder="请输入标识"> <span class="form-required">*</span> 
													<select name="sign">
														<option value="">选择标识</option>
														{volist name="$sign_list" id="vo"}
														<option value="{$vo.sign}">{$vo.sign}</option>
														{/volist}
													</select>
													<span class="form-required">&nbsp;&nbsp;标识用于归类单页，可从下拉列表中选择，没有请自行输入</span> 
												</td> 
											</tr>
											<tr> 
												<th width="80">页面关键词</th> 
												<td> 
													<input type="text" style="width: 400px;" name="keywords" id="keywords" placeholder="请输入页面关键词"> <span class="form-required"> </span> 
												</td> 
											</tr>
											<tr> 
												<th width="80">页面描述</th> 
												<td> 
													<textarea name="description" style="width: 750px; height: 80px;" id="description" placeholder="请输入页面描述"></textarea>
													<span class="form-required"> </span> 
												</td> 
											</tr>
											
											<tr> 
												<th>是否生成html</th> 
												<td>
													<label><input type="radio" name="make_to_html" value="0" checked="checked"> 否</label>
													<label><input type="radio" name="make_to_html" value="1"> 是</label>
												</td> 
											</tr>
											<tr>
												<th>html文件路径</th> 
												<td><input type="text" name="filename" value="" style="width: 200px" placeholder="要生成的文件地址"><span class="form-required"> 存放 html 文件的地址，选择生成html时有效</span> </td> 
											</tr> 
											<tr>
												<th>模板文件</th> 
												<td><input type="text" name="template" value="spage/templete" style="width: 200px" placeholder="模板文件"></td> 
											</tr> 
										</tbody>
									</table> 
								</div>
							</fieldset>
						</div>
                        <div class="tab-pane" id="B">
							<fieldset>
								<div class=""> 
									<table class="table table-bordered"> 
										<tbody>
											<tr>
												<th>头部包含</th> 
												<td>
													<textarea style="width: 700px; height:50px;" placeholder="头部包含的文件，例如css、js代码等" name="sheader"></textarea>
													<span class="form-required"> 头部包含内容 , 模板里面通过{literal}{$template.sheader}{/literal}来获取</span>
												</td> 
											</tr>
											<tr> 
												<th>内容</th> 
												<td>
													<textarea style="width:900px; height: 300px;" name="sbody" placeholder="内容"></textarea>
													<span class="form-required"> 主体包含内容 , 模板里面通过{literal}{$template.sbody}{/literal}来获取</span>
												</td> 
											</tr> 
											<tr>
												<th>底部包含</th> 
												<td>
													<textarea style="width: 700px; height:50px;" placeholder="底部包含的文件，例如js代码等" name="sfooter"></textarea>
													<span class="form-required"> 底部包含内容 , 模板里面通过{literal}{$template.sfooter}{/literal}来获取</span>
												</td> 
											</tr> 
										</tbody>
									</table> 
								</div>
							</fieldset>
						</div>
					</div>
				</div>
				<div class="form-actions">
					<button class="btn btn-primary js-ajax-button" type="button">确定操作</button>
					<a class="btn" href="javascript:history.back(-1);">返回</a>
				</div>
			</fieldset>
		</form>
	</div>
	<script src="{$admin_assets_path}/js/common.js"></script>
	</body>
</html>